﻿/***
@author:xuanjie
@design:wanglei
@update:2015-05-22
***/
html,body{height:100%}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,figure,legend,button,input,textarea,th,td,html{margin:0;padding:0;}body,button,input,select,textarea{ font:12px/1.5 "microsoft yahei","simsun",arial,sans-serif;-webkit-text-size-adjust:none;}h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}em,i{font-style:normal;}ul,ol,nav{list-style:none;}a{text-decoration:none;outline:0 none; color:#2a87ef;}a:hover{text-decoration:underline;}sup{vertical-align:inherit;}sub{vertical-align:inherit;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}input{ border:none; outline:none;}table{width:100%;border-collapse:collapse;border-spacing:0;}
body{color:#333;}
button{ border:none;}
input::-webkit-input-placeholder{ font-size:14px;color:#999;}
input::-moz-placeholder{ font-size:14px;color:#999;}
input:-ms-input-placeholder{ font-size:14px;color:#999;}
textarea::-webkit-input-placeholder{color:#999;}
textarea::-moz-placeholder{color:#999;}
textarea:-ms-input-placeholder{color:#999;}
input::-ms-clear,input::-ms-reveal{ display:none;}

#wrap{margin: 0 auto -182px;padding: 0 0 182px;min-height:100%;height:auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

/*public*/
.hid{position:absolute;left:-9999em;top:-9999em;}
.hidtxt{ height:0; overflow:hidden;}
.clearfix:after{content:'\200B';display:block;height:0;clear:both;}
.clearfix{*zoom:1;}
.zindex5{ z-index:5;}
.zindex4{ z-index:4;}
.zindex3{ z-index:3;}
.zindex2{ z-index:2;}
.none {display:none;}
.ind-p{ text-indent:2em;}
.txtleft{ text-align:left;}
.txtctr{ text-align:center;}
.nomb{margin:0!important}
.mb12{ margin-bottom:12px;}
.ml20{ margin-left:20px;}
.mt20{ margin-top:20px;}
.col-blue{ color:#2a87ef;}
.abs{ position:absolute; right:0; top:0;}
.ctr{ text-align:center;}
.inline-block {display:inline-block; *display:inline; *zoom:1;}
.pull-left {float: left !important;}
.pull-right {float: right !important}
.i-hot{ position:absolute; right:-17px; top:7px; width:25px; height:25px; background:url(../images/hot.png) no-repeat; text-indent:-300%; overflow:hidden;}
.i-hb{ position:absolute; right:-40px; top:10px; width:52px; height:52px; background:url(../images/hb.png) no-repeat; -webkit-animation:tada 2s ease infinite both; animation:tada 2s ease infinite both;}
@-webkit-keyframes tada{
	0%{-webkit-transform:scale(1)}
	5%,10%{-webkit-transform:scale(0.9) rotate(-3deg)}
	15%,25%,35%,45%{-webkit-transform:scale(1.1) rotate(3deg)}
	20%,30%,40%{-webkit-transform:scale(1.1) rotate(-3deg)}
	50%,100%{-webkit-transform:scale(1) rotate(0deg)}
}
@keyframes tada{
	0%{ transform:scale(1)}
	5%,10%{ transform:scale(0.9) rotate(-3deg)}
	15%,25%,35%,45%{ transform:scale(1.1) rotate(3deg)}
	20%,30%,40%{ transform:scale(1.1) rotate(-3deg)}
	50%,100%{ transform:scale(1) rotate(0deg)}
}
.hd,.ban,.wp,.wpgrey,.wp-index,.wp-timeline,.typical,.wp-bot,.ft,.about-us,.wrap{ width:100%; min-width:1200px;}
.wpgrey { height:auto!important; min-height:660px;}
.wpgrey{ padding-bottom:30px; background-color:#ecedf0;}
.bg-grey{background-color:#F5F5F5!important}
.bg-white{background-color:#fff!important}
.main{ position:relative; margin:0 auto; width:1200px; font-size:14px;}

.i-tab,.btn-pre,.btn-next,.i-transfer,.pop-loginclose,.i-date,.btn-popclose,.i-tld4ate,.i-tldot,.gotop-angle,.btn-pop-close,.i-dload,.i-addfile-widget,.i-uploadfile-widget,.i-payok,.i-payfail,.i-paywait,.btn-jkclose{ background:url(../images/spr.png) no-repeat; overflow:hidden;}
.btn-toggle-next,.btn-toggle-pre,.i-new,.btn-more{ background:url(../images/spr24.png) no-repeat; overflow:hidden;}

.i-name,.i-pwd,.i-code,.i-gift,.i-dot,.i-success,.i-gift-sml,.i-aun-1,.i-aun-2,.i-aun-3,.i-aun-4,.i-aun-5,.i-aun-6,.i-aun-7,.i-au-locate,.i-prev,.i-next,.popclose{ background:url(../images/spr_2.png) no-repeat; overflow:hidden;}
.hd,.extend,.ft,.site,.ft{ width:100%; min-width:1200px;}
/*new*/
.v2-price-banner,.v2-price,.logpage,.about-us,.brand-ban,.brand-tab,.brand-cont{ width:100%; min-width:1200px; font-family:"Helvetica Neue",Helvetica,Arial,"\5FAE\8F6F\96C5\9ED1","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

.i-name, .i-pwd, .i-code, .i-gift,.i-gift-red, .i-dot, .i-success, .i-gift-sml,.pop-close{background: url(../images/spr_v2.png) no-repeat;overflow: hidden;}
.i-gift-sml {float: left;margin-top: 20px;width: 25px;height: 25px;background-position: -25px -75px;}

/*ivan public*/
.p-large-space{padding-top:70px!important;padding-bottom:70px!important;}
.pt-large-space{padding-top:70px!important}
.pt100{padding-top:100px!important;}
.pl60{padding-left:60px!important}
/* end */
/*public*/
/*.inp{ position:relative; margin-bottom:15px; padding-left:40px; width:278px; height:44px; line-height:44px; background-color:#fff; border:1px solid #ccc;}*/
.inp-toptext{ margin-left:-75px; padding-bottom:20px; color:#666;}
.inp-toptext p{ margin-bottom:20px;}
/*.inp-name{ position:absolute; left:-120px; top:0; width:100px; text-align:right; color:#666;}*/
/*.inp-name em{ position:absolute; right:-8px; top:0; color:#f66;}*/
.inpcode .inp,.inpcode .itxt{ width:116px;}
.inpcode .inp{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.inpcodebtn .inp,.inpcodebtn .itxt{ width:116px;}
.inpcodebtn .inp{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.btn-code,.btn-code-grey{ display:inline-block; vertical-align:top; *margin-left:4px; width:116px; height:46px; line-height:46px; color:#fff; text-align:center; background-color:#107ae8;}
.btn-code-grey{ background-color:#999;}
.btn-code-grey:hover{ text-decoration:none; cursor:default;}
.inp-code{ display:inline-block; vertical-align:top; *margin-left:4px}
/*.inp-code,.inp-code img{ width:112px; height:46px;}*/
.link-change{ display:inline-block; vertical-align:top; height:46px; line-height:46px;}
.itxt{ display:block; width:278px; height:44px; line-height:44px; font-size:14px; background:none;}
.i-name,.i-pwd,.i-code{ position:absolute; left:10px; top:10px; width:25px; height:25px;}
.i-name{ background-position:0 0;}
.i-pwd{ background-position:0 -25px;}
.i-code{ background-position:0 -50px;}
.inpbtn{ padding-top:25px;}
.btn-code:hover{ text-decoration:none; background-color:#0680ff;}
.btn-code:active{ background-color:#0e72db;}
.links{ position:relative; margin-top:15px;}
.links-grey{ position:absolute; right:0; top:0; color:#333;}
/*public-end*/

.input-group {position: relative;display:inline-table;vertical-align: middle;border-collapse: separate;}
.input-group-addon {padding-left:5px;font-size:14px;line-height:1;white-space: nowrap;vertical-align: middle;width:1%}
.input-group input, .input-group-addon {display: table-cell;}
.input-group input{width: 100%;}

img{vertical-align:middle}
.btn{ display:inline-block;color:#fff; background-color:#107ae8; text-align:center;padding:5px 10px;vertical-align:middle}
.btn:hover{ text-decoration:none; background-color:#0680ff;}
.btn:active{ background-color:#0e72db;}
.btn.btn-disable{background-color:#ccc;cursor: not-allowed}
.btn.btn-disable:hover,.btn.btn-disable:active{background-color:#ccc;}
.btn-large{padding:1em 2em}
.btn-full{width:100%;}
.input-text{padding:0 10px;background-color: #fff;border: 1px solid #dcdcdc;}
.form *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.form .form-group{width:316px;}
.form .btn{line-height:45px;height:45px;padding-top:0;padding-bottom:0;font-size:14px}
.form .input-text{height:45px;font: 16px/45px "microsoft yahei";}
.form .btn-group{margin-left:376px}
.form .btn-group>.btn{padding:0}
.form .btn-group>p{margin-top:26px}
.form .inp-name{height:45px;line-height:45px}
.form .inp:last-child{margin-bottom:0!important}
.hidden{display:none!important;}

*:after,*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.log-form .inp{position:relative;margin-bottom: 15px;}
.log-form .input-text {padding-left:45px;width:100%}
.log-form .inp-code{width:112px}

.logpage{ background-color: #181C63;}
.logpage .main{ min-height:706px;height:706px;margin:0 auto;}
.logpage .logban-pic {background:url(../images/logban.png) no-repeat left;width: 635px; height: 442px;position: absolute; top: 115px;}
.logban-p{ position:absolute; left:140px; top:430px; font-size:14px; color:#fff;}
.logarea{ right:114px; top:124px; padding:45px; width:320px; background:#fff;}
.log-form h2{ margin-bottom:25px; font-size:24px; text-align:center;}
.errtxt{ line-height:18px; font-size:14px; color:#ff6363;}
.logpage .log-iframe {position: absolute; right: 114px;  top: 124px;}

/*input*/
.i-sj{ display:block; width:0; height:0; line-height:0; border-width:6px; border-style:solid dashed dashed; border-color:#fff transparent transparent; cursor:pointer; overflow:hidden;}
.inptxt{ vertical-align:middle; padding:0 10px; width:294px; height:38px; font:16px/38px "microsoft yahei"; background-color:#fff; border:1px solid #dcdcdc;}
.inptxt-sml{ width:150px;}
.inptxt-sml2{ width:170px;}
.txtarea{ padding:8px 10px; width:294px; height:106px; font:16px/24px "microsoft yahei"; background-color:#fff; border:1px solid #dcdcdc; overflow:hidden; overflow-y:auto; resize:none;}
.inptxt:focus,.txtarea:focus{ border-color:#489dfd;}
.err{ margin-left:6px; font-size:12px; color:#f73939;}
.txttip{ margin-left:6px; font-size:12px; color:#999;}
.inp-ect{ margin-top:6px; font-size:14px; color:#999;}
.txtarea-tip{ margin-bottom:6px; font-size:14px; color:#666;}

.btn-normal,.btn-normal2{ display:inline-block; padding:0 30px; height:32px; line-height:32px; font-size:14px; color:#fff; background-color:#7dbafe; border-radius:2px;}
.btn-normal:hover{ text-decoration:none; background-color:#489dfd;}
.btn-normal2{ background-color:#3dbe9b;}
.btn-normal2:hover{ text-decoration:none; background-color:#2daa88;}

.dropbox,.datebox{ position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; *margin-right:3px; padding:0 10px; width:280px; height:34px; line-height:34px; font-size:14px; color:#333; background-color:#fff; border:1px solid #dae2eb;}
.dropbox{ margin-right:5px; padding:0 25px 0 10px; cursor:pointer;}
.btn-dropbox,.btn-datebox{ position:absolute; right:0; *right:-1px; top:0; width:24px; height:34px; background-color:#d3d6da; cursor:pointer;}
.btn-dropbox .i-sj{ position:absolute; left:6px; top:16px;}
.btn-dropbox:hover,.btn-datebox:hover{ background-color:#dddee1;}
.droptext{ display:block; height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.droptext em{ display:inline-block; margin-right:6px; padding:3px 5px; background:#ddd; font-size:14px; line-height:18px;}
.component-disabled .droptext {color:#aaa;}
.dropbox-list{ position:absolute; left:-1px; top:34px; width:315px; max-height:136px; _height:136px; background-color:#fff; border:1px solid #dae2eb; overflow:hidden; overflow-y:auto; display:none; z-index:1;}
.dropbox-list a{ display:block; padding:0 10px; height:34px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dropbox-list a:hover{ color:#333; text-decoration:none; background-color:#f1f1f1;}
.dropbox-list .empty-tip {color:#aaa; padding:0 10px;}
.dropbox.on .dropbox-list{ display:block; width:100%;}
.dropbox-sml{ width:80px;}
/*.dropbox-sml .dropbox-list{ width:115px;}*/
.dropbox-mid{ width:185px;}
/*.dropbox-mid .dropbox-list{ width:220px;}*/
.dropbox-mid-2{ width:322px;}
/*.dropbox-mid-2 .dropbox-list{ width:357px;}*/
.dropbox-long{ width:690px;}
/*.dropbox-long .dropbox-list{ width:725px;}*/
.datebox{ width:134px;}
.i-date{ position:absolute; left:50%; top:50%; margin:-13px 0 0 -12px; width:25px; height:25px; background-position:-250px -200px;}
.datetext{ vertical-align:top; width:134px; height:34px; *height:32px; font:12px/34px "microsoft yahei"; border:none; outline:none; background:none;}
.listcheck{ margin-right:6px; vertical-align:-1px; *float:left; *margin:7px 2px 0 0;}

/*page*/
.page{ padding:40px 0 20px; height:32px; font-size:12px; line-height:30px; text-align:center;}
.page ul{ padding:1px 0 0 2px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.page li{ float:left; margin-left:-1px;}
.page a,.page em{ display:block; width:30px; height:30px; color:#333; border:1px solid #e6e6e6; border-radius:2px;}
.page a:hover{ text-decoration:none; background-color:#e6e6e6;}
.page a.on,.page a.on:hover{ color:#fff; background-color:#7dbafe; border-color:#7dbafe;}
.page em{ margin-right:-24px; border:none;}
.page .btn-pre{ margin-right:24px; background-position:-123px -197px;}
.page .btn-next{ margin-left:24px; background-position:-97px -197px;}
.btn-pagedefault{ filter:alpha(opacity=30); opacity:.3; cursor:default;}
.page .btn-pagedefault:hover{ background-color:#fff;}
.page-text{ margin:0 10px;}

.tablist{ position:relative; height:47px; border-bottom:1px solid #ededed;}
.tablist-ul{ position:absolute; left:0; top:0;}
.tablist-ul li{ float:left; line-height:46px;}
.tablist-ul a{ padding:0 20px; display:block; font-size:20px; color:#999;}
.tablist-ul a:hover{ text-decoration:none; color:#489dfd;}
.tablist-ul li.on a{ color:#489dfd; border-bottom:2px solid #489dfd;}

.tabbtn{ padding:0 4px 0 1px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.tabbtn a{ float:left; margin-left:-1px; padding:0 14px; height:34px; line-height:34px; color:#999; text-align:center; border:1px solid #d3d6da;}
.tabbtn a:hover{ text-decoration:none;}
.tabbtn a.on{ color:#fff; background-color:#d3d6da;}
.tabbtn a:first-child{ border-radius:2px 0 0 2px;}
.tabbtn a:last-child{ border-radius:0 2px 2px 0;}

/*table*/
.tbbox{ min-height:475px; _height:475px;}
.tb{ font-size:14px; text-align:center; color:#000;}
.tb,.tb td{ border:1px solid #e6e6e6;}
.tb th,.tb td{ height:42px;}
.tb th{ font-weight:normal; font-size:16px; color:#666; background-color:#f0f2f6;}
.tb-tit{ margin-bottom:24px; font-weight:bold; font-size:14px;}
.a-off{ position:relative; color:#999; *zoom:1;}
.a-off:hover{ text-decoration:none; cursor:default; background:none;}
.tb .txtleft{ padding:0 10px;}

.tab-tbbox .tbbox{ min-height:488px; _height:488px;}

/*go-top*/
.gotop{ position:fixed; _position:absolute; bottom:20%; right:5%;}
.gotop-angle{ display:block; width:50px; height:50px; text-indent:-200%; background-position:-75px -400px; filter:alpha(opacity=40); opacity:.4;}
.gotop-angle:hover{ filter:alpha(opacity=80); opacity:.8;}

/*midbox*/
.midbox{ padding:36px 0 50px; height:auto!important; height:700px; min-height:700px;}
.midbox-main{ padding:30px; background-color:#fff;}

/*public--end*/

/*hd*/
.hd{ position:relative; height:62px; background-color:#262529; z-index:100;}
.logo{ float:left; position:relative; width:246px; height:62px; font-size:24px; line-height:62px; text-align:center; overflow:hidden;}
.i-logo{ position:absolute; left:0; top:0; width:246px; height:66px; background:url(../images/logo.png) no-repeat; cursor:pointer;}
.link-use{ float:left; position:relative; margin-top:18px; padding-right:20px; font-size:16px; line-height:30px; color:#ccc;}
.i-sj4{ position:absolute; right:0; top:50%; margin-top:-5px; width:0; height:0; line-height:0; border-width:5px; border-color:transparent transparent transparent #ccc; border-style:dashed dashed dashed solid; cursor:pointer;}
.link-use:hover{ text-decoration:none; color:#2a87ef;}
.link-use:hover .i-sj4{ border-color:transparent transparent transparent #2a87ef;}
.navbox{ right:0; top:0; padding-top:18px; font:14px/30px "microsoft yahei";}
.nav{ float:left;}
.nav li{ position:relative; float:left; display:inline; margin:0 16px;}
.nav a{ color:#eee;}
.nav a:hover{ text-decoration:none; color:#2a87ef;}
.nav .on a{ color:#2a87ef;}
.logbox{ float:right; padding-left:8px;}
.logbox .console { color:#eee;    text-decoration: none;}
.logbox a.console:hover { text-decoration:none; color:#2a87ef;}
.btn-login,.btn-reg{ display:inline-block; margin-left:12px; width:80px; height:28px; line-height:28px; font-size:14px; text-align:center; border:1px solid #2a87ef; border-radius:3px;}
.btn-login,.btn-reg{ color:#eee; background-color:#262529; }
/*.btn-reg{ color:#fff; background-color:#2a87ef;}*/
.btn-login:hover,.btn-reg:hover{ color:#fff; background-color:#2a87ef; text-decoration:none;}
/*.btn-reg:hover{ color:#2a87ef; background-color:#262529; text-decoration:none;}*/
.user-logbox{ position:relative; display:inline-block; *display:inline; *zoom:1; height:30px;}
.user-logined{ display:inline-block; vertical-align:top; max-width:180px; _width:120px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#ccc;}
.on .user-logined {color:#2a87ef;}
.user-log-subnav{ position:absolute; right:0; top:30px; padding:22px 0 5px; width:100%; _width:120px; line-height:30px; text-align:center; background:#262529;}
.user-log-subnav a{ display:block; height:30px; color:#ccc;}
.user-log-subnav a:hover{ text-decoration:none; color:#2a87ef;}

/*banner*/
.ban {display:none;}  /* 活动需要，临时去掉轮播banner */
.ban,.banner,.bannerbox,.banner-wrap{ position:relative; height:656px;}
.ban{ background:#4168be url(../images/banner_bg.jpg) no-repeat center top;}
.banner{ width:1200px; overflow:hidden;}
.bannerbox{ overflow:hidden;}
.banner-wrap {float: left; width: 100%;}
.bantxt{ padding:170px 0 0 0; font-size:20px; line-height:1.4; color:#fff;}
.bantxt h2,.bantxt p{ padding-left:25px; width:470px;}
.btn-ban{ display:block; margin:20px 0 0 25px; width:145px; height:40px; background:url(../images/spr_ban.png) no-repeat; text-indent:-200%; overflow:hidden;}
.btn-ban:hover{ background-position:0 -41px;}
.btn-ban-event {position:absolute; bottom:100px; left:500px; z-index:1; background-image:url(../images/spr_ban_1.png); }
.bantxt h2{ margin-bottom:30px; font-weight:bold; font-size:50px;}
.banimg{ position:absolute; right:25px; top:94px;}
.banimg p{ padding-left:20px; width:auto; font-family:"simsun"; font-size:14px;}
/*bantoggle*/
.togban-next,.togban-pre{ position:absolute; top:50%; margin-top:-42px; width:58px; height:84px;}
.togban-next{ left:auto; right:150px;}
.togban-pre{ left:150px;}
.ban-smallmod .togban-next{ right:auto; left:50%; margin-left:540px;}
.ban-smallmod .togban-pre{ left:50%; margin-left:-600px;}
.btn-toggle-next,.btn-toggle-pre{ display:block; width:58px; height:84px; text-indent:-200%; overflow:hidden; transition:transform 0.3s linear;}
.btn-toggle-pre{ background-position:0 0;}
.btn-toggle-next{ background-position:-75px 0;}
.btn-toggle-next:hover{ transform:translateX(5px); filter:alpha(opacity=90); opacity:.9; _filter:none;}
.btn-toggle-pre:hover{ transform:translateX(-5px); filter:alpha(opacity=90); opacity:.9; _filter:none;}
/*bannav*/
.ban-nav{ position:absolute; left:0; bottom:0; width:100%; text-align:center;}
.ban-nav ul{ display:inline-block; *display:inline; *zoom:1;vertical-align:bottom;}
.ban-nav li{ float:left; margin-left:-1px; width:162px;}
.ban-nav a{ position:relative; display:block; height:40px; line-height:40px; color:#fff; border:1px solid #243ca8; cursor:pointer;}
.ban-nav a em{ position:absolute; left:0; top:0; width:100%; z-index:2;}
.ban-nav a i{ display:block; height:40px; background-color:#1e3eb4; filter:alpha(opacity=50); opacity:.5;}
.ban-nav a:hover{ text-decoration:none;}
.ban-nav a:hover i{ background-color:#3383fb;}
.ban-nav .on a{ background-color:#3383fb; border-color:#4a94ff; z-index:2;}

.live-bata-banner {display:block; width:100%; min-width:1200px; background:#000 url("../images/banner_fbh.jpg") no-repeat center center; height:657px;}

.wp-timeline{ border-bottom:1px solid #ededed;}
.wp-timeline .main{ padding-top:150px;}
.timelinebox{ position:relative; margin:0 auto; width:1000px; height:100px; border-top:2px dashed #2cc0a6;}
.timeline-info{ position:absolute; top:-114px; margin-left:-88px; padding-left:104px; width:321px; height:108px; color:#fff; background:url(../images/timeline_date.png) no-repeat;}
.timeline-info:hover{ text-decoration:none;}
.timeline-info-bg2{ margin-left:-326px; background:url(../images/timeline_date2.png) no-repeat;}
.timeline-date{ position:absolute; left:0; top:18px; width:104px; text-align:center;}
.timeline-info em{ font-size:24px; line-height:84px; text-decoration:underline;}
.i-tldate{ display:block; margin:0 auto; width:26px; height:25px; background-position:-300px -200px;}
.i-tldot{ position:absolute; left:0; top:-7px; width:12px; height:12px; background-position:-275px -200px;}
.unit-tibox{ position:absolute; top:-2px; height:100px; border-top:2px solid #2cc0a6;}
.tlbox{ position:absolute; top:0; color:#666; padding-top:10px; width:110px; white-space:nowrap;}
.tlbox em{ color:#333;}

.wp-index .main{ padding:60px 0 120px; width:996px;}
.wptxt{ margin-bottom:60px; padding:26px 0; height:48px; font-size:20px; line-height:48px; text-align:center; background-color:#f4f5f7;}
.text-l,.text-r{ display:inline-block; vertical-align:middle; width:6px; height:48px; background:url(../images/spr_tit.png) no-repeat;}
.text-l{ margin-right:10px; background-position:0 -150px;}
.text-r{ background-position:-25px -150px;}
.indexinfolist{ position:relative; margin:0 0 120px -22px;}
.indexinfolist li{ float:left; display:inline; margin-left:22px; width:232px;}
.indexinfolist strong{ display:block; padding:26px 12px 20px; font-size:22px;}
.indexinfolist p{ padding:0 12px; font-size:16px; color:#666;}
.i-info{ display:block; width:232px; height:232px; background:url(../images/spr_iconpic.png) no-repeat;}
.i-info-1{ background-position:0 0;}
.i-info-2{ background-position:-232px 0;}
.i-info-3{ background-position:-464px 0;}
.i-info-4{ background-position:-696px 0;}
.i-info-5{ background-position:0 -232px;}
.i-info-6{ background-position:-232px -232px;}
.i-info-7{ background-position:-464px -232px;}
.i-info-8{ background-position:-696px -232px;}

.title-bg1,.title-bg2,.title-bg3{ height:37px; line-height:37px; font-size:30px; text-align:center; background:url(../images/spr_tit.png) no-repeat;}
.title-bg1{ background-position:center 0;}
.title-bg2{ color:#fff; background-position:center -50px;}
.title-bg3{ height:31px; line-height:31px; font-size:24px; text-align:center; color:#f1f2f6; background:url(../images/spr_tit.png) no-repeat center -100px;}

.solution{ margin-top:110px;}
.solution ul{ position:relative; margin-left:-8px; height:516px;}
.solution li{ float:left; display:inline; margin-left:6px;}
.solution img{ transition:opacity 0.2s linear;}
.solution a{ position:relative; display:block; width:194px; height:516px; background-color:#000; overflow:hidden;}
.solution a:hover{ border:none;}
.solution a:hover img{ filter:alpha(opacity=50); opacity:.5;}
.solution a:hover .i-s{ bottom:0;}
.i-s{ position:absolute; left:0; bottom:-20px; width:100%; height:268px; background:url(../images/spr_solution.png) no-repeat; _background-image:url(../images/spr_solution_ie6.png); font-size:0; text-indent:-200%; overflow:hidden; cursor:pointer; transition:bottom 0.2s linear;}
.i-s1{ background-position:0 0;}
.i-s2{ background-position:-195px 0;}
.i-s3{ background-position:-390px 0;}
.i-s4{ background-position:-585px 0;}
.i-s5{ background-position:-780px 0;}

.typical{ height:900px; background:url(../images/cooperate.jpg) no-repeat center top;}
.typical .main{ padding-top:46px; width:996px;}
.brandbox{ position:absolute; left:50%; top:188px; margin-left:-450px; width:900px; height:270px; overflow:hidden;}
.brandroll{ position:absolute; left:0; top:0;}
.brandmap{ position:relative; width:900px; height:270px; background:url(../images/starline.png) no-repeat center center;}
.brandmap a:hover{ background-color:rgba(255,255,255,.1); border-radius:6px;}
.mi,.iqy,.zhanqi,.wanmei,.momo,.yaoguo,.btn-brand-next,.btn-brand-pre,.btn-brand-close{ position:absolute; text-indent:-200%; background:url(../images/spr_brand.png) no-repeat; overflow:hidden;}
.mi,.iqy,.zhanqi,.wanmei,.momo,.yaoguo{ width:120px; height:50px;}
.mi{ left:8px; top:98px; background-position:0 -300px;}
.iqy{ left:400px; top:15px; background-position:0 -150px;}
.zhanqi{ left:270px; top:106px; background-position:0 -225px;}
.yaoguo { left:270px; top:106px; background-position:0 -425px;}
.wanmei{ left:530px; top:145px; background-position:0 -75px;}
.momo{ left:770px; top:210px; background-position:0 0;}

.brand-detail{ position:relative; height:270px;}
.brand-detailbox{ position:relative; margin:0 auto; width:806px; height:214px; color:#e3ebfc; border:1px solid #4a556f; overflow:hidden;}
.brandtxt-list{ position:relative; width:806px; height:214px; margin-top:-214px; overflow:hidden;}
.brandtxt-list li{position:absolute; top:0; left:0; padding:50px 70px 0; width:666px; height:164px;}
.brandtxt-list h3{ font-size:26px;}
.brandtxt-list p{ font-size:16px; text-indent:2em;}
.brand-bg{ width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); opacity:.5;}
.btn-brand-next,.btn-brand-pre{ top:80px; width:25px; height:50px;}
.btn-brand-next{ right:10px; background-position:-25px -350px;}
.btn-brand-pre{ left:10px; background-position:0 -350px;}
.btn-brand-close{ top:4px; right:50px; width:36px; height:36px; background-position:-50px -350px; transition:transform 0.2s linear;}
.btn-brand-close:hover{ transform:rotate(45deg);}
.brandtxt-list-dot {position:absolute; left:0; bottom:20px; width:806px; height:20px; text-align:center;}
.brandtxt-list-dot li {display:inline-block; *display:inline; *zoom:1; padding:4px;}
.brandtxt-list-dot li a {display:block; width:5px; height:5px; background:#fff; filter:alpha(opacity=30); opacity:0.3; border-radius:8px; font-size:0;}
.brandtxt-list-dot li a.on {filter:alpha(opacity=60); opacity:0.6;}

/*index-bottom*/
.wp-bot{ height:350px; background-color:#373942;}
.brand,.hot{ float:left; width:416px;}
.brand{ padding:36px 40px 0 144px;}
.hot{ padding:36px 44px 0 40px;}
.brandnews,.hotactivity{ position:relative; margin-top:20px; height:200px; overflow:hidden;}
.indexnewlist li{ position:relative; padding-right:50px; height:auto!important; height:40px; min-height:40px; font:14px/40px tahoma,"simsun"; vertical-align:top;}
.img-a{ position:relative; display:block; margin:5px -50px 5px 16px;}
.img-a img{ display:block; width:100%;}
.indexnewlist .date{ position:absolute; right:0; top:0; color:#666d8a;}
.dot-a{ display:inline-block; vertical-align:top; padding-left:18px; max-width:300px; _width:300px; color:#9fa1ae; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../images/dot.png) no-repeat 6px center;}
.i-new{ display:inline-block; vertical-align:top; margin-top:14px; width:32px; height:13px;color:#000; text-indent:-200%; background-position:-150px 0;}
.btn-more{ display:block; margin:18px 0 0 18px; width:50px; height:21px; line-height:21px; font-size:12px; text-indent:3px; text-transform:uppercase; color:#fefefe; background-position:-150px -25px;}
.btn-more:hover{ text-decoration:none; background-position:-150px -50px;}

/*intro*/
.intro{ position:relative; margin:0 auto; padding-left:130px; width:950px; *zoom:1;}
.txttab{ position:absolute; left:0; top:0; width:130px; background-color:#fff;}
.txttab li{ margin-bottom:-1px; vertical-align:bottom; width:130px; text-align:center;}
.txttab a{ display:block; padding:20px 0 12px; font-size:18px; color:#fff; background-color:#5881eb; border:1px solid #4d70e4; *zoom:1; transition:background-color 0.3s linear;}
.txttab a:hover{ text-decoration:none; background-color:#4d70e4;}
.txttab .on a,.txttab .on a:hover{ color:#5881eb; background-color:#fff; border-color:#fff;}
.i-tab{ display:block; margin:0 auto 10px; width:56px; height:56px; cursor:pointer;}
.i-tab-1{ background-position:0 -250px;}
.i-tab-2{ background-position:-75px -250px;}
.i-tab-3{ background-position:-150px -250px;}
.i-tab-4{ background-position:-225px -250px;}
.i-tab-5{ background-position:-300px -250px;}
.on .i-tab-1{ background-position:0 -325px;}
.on .i-tab-2{ background-position:-75px -325px;}
.on .i-tab-3{ background-position:-150px -325px;}
.on .i-tab-4{ background-position:-225px -325px;}
.on .i-tab-5{ background-position:-300px -325px;}
.intro-detail{ padding:20px 50px 60px; height:auto!important; min-height:710px; height:710px; background-color:#fff;}
.intro-detail-txt{ margin-bottom:70px;}
.intro-detail-txt h3{ padding:40px 0 20px; font-size:30px;}
.intro-detail-txt h4{ padding:40px 0 20px; font-size:24px;}
.intro-detail-txt h5{ padding-top:40px; font-size:20px;}
.intro-detail-txt p{ margin-bottom:20px; font-size:16px;}
.intro-detail-txt img{ display:block; margin:0 auto 50px;}
.intro-tip{ color:#2a87ef;}
.para-line{ display:block; margin:0 -50px; height:1px; background-color:#ecedf0; overflow:hidden;}
.ins{ margin-top:80px;}
.inslist{ position:relative; margin-left:-20px;}
.inslist li{ position:relative; float:left; display:inline; margin-left:20px; padding:0 3px 0 180px; width:230px; min-height:160px; _height:160px; border:1px solid #f1f1f1;}
.inslist strong{ display:block; margin:5px 0; font-size:18px;}
.inslist p{ color:#666; line-height:1.4;}
.ins-logo{ position:absolute; left:0; top:0; width:160px; height:160px; background:url(../images/ins_bg.png) no-repeat;}
.ins-none,.ins-none p{ color:#babcc2;}
.solution-scene {margin-top:40px;}
.solution-scene li {display:inline-block; padding-right:22px;}
.solution-scene li.last {padding-right: 0;}

/*news*/
.news{ padding:42px 42px 70px; height:auto!important; height:570px; min-height:570px; background-color:#fff;}
.newslist{ margin-bottom:70px; height:auto!important; height:570px; min-height:570px;}
.newslist a{ display:block; padding:20px 36px 20px 0; border-bottom:1px solid #e6e6e6; *zoom:1;}
.newslist a:hover{ text-decoration:none; background:url(../images/news_arrow.png) no-repeat right center;}
.newslist em,.newstxt-tit h2{ display:block; font-size:28px; color:#333;}
.newslist span,.newstxt-tit p{ color:#9a9a9a;}
.newstxt-top{ position:relative; height:48px; font-size:16px; line-height:48px;}
.newstxt-top a{ color:#9a9a9a;}
.newstxt-top a:hover{ color:#2a87ef; text-decoration:none;}
.newstxt-abs{ position:absolute; right:0; top:0;}
.newstxt-abs a{ margin-left:16px;}
.newstxt-tit{ margin-bottom:16px; padding:20px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; *zoom:1;}
.newstxt-info p{ padding-bottom:10px; font-size:16px; line-height:32px;}
.newstxt-info img{/* display:block; margin:20px auto;*/}

/*price*/
.price{ background-color:#fff;}
.price h2{ margin-bottom:20px; font-size:30px;}
.price h2 em{ margin-left:14px; font-size:18px; color:#2a87ef;}
.price-top,.price-pro{ padding:50px;}
.price-top{ border-bottom:1px solid #e6e6e6; *zoom:1;}
.price-calc{ font-size:26px; color:#adadad;}
.price-calc input{ vertical-align:middle; padding:15px; width:234px; height:24px; font:26px/24px "microsoft yahei"; border:1px solid #e6e6e6;}
.i-transfer{ margin:0 20px; display:inline-block; vertical-align:middle; width:36px; height:32px; background-position:-175px -200px;}
.price-pro p{ font-size:16px; line-height:36px;}
.price-tb{ margin-top:40px; text-align:center;}
.price-tb col{ width:33.3%;}
.price-tb th,.price-tb td{ height:66px; border:2px solid #fff;}
.price-tb th{ font-weight:normal; font-size:18px; background-color:#d2d6e0;}
.price-tb td{ font-size:16px; background-color:#fafafc;}

.price-table .tb-tit{ font-size:16px;}
.price-table .tb{ margin-bottom:24px; border:none;}
.price-table .tb th,.price-table .tb td{ border:2px solid #fff;}
.price-table .tb th{ height:50px; font-weight:bold; color:#333; background-color:#f9f9fc;}
.price-table .tb td{ height:66px; color:#666; background-color:#f5f5f9;}
.price-table .tb .td-h{ font-size:18px; color:#333;}
.price-tb-h{ margin:0 2px; padding:20px; font-size:18px; text-align:center; color:#000; background-color:#cdd2e2;}
.tb-tip{ color:#666;}

/*registe*/
.registe{ padding:36px 0;/*height:auto!important; height:650px; min-height:650px;*/}
.registebox{ padding:20px 44px 100px; font-size:16px; background-color:#fff; *zoom:1;}
.registebox h2{ margin-bottom:40px; padding-bottom:12px; font-size:18px; border-bottom:1px solid #e6e6e6;}
.registebox h2 em{ margin-left:20px; font-size:14px; color:#5b5b5b;margin-top:4px}
.registebox h2 em span{ color:#2a87ef;}
.registebox h3 {text-align:center;}
.registe-inp{ padding-bottom:20px;}
.registebox .act-tip { position:relative; text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
    margin-right: 75px;
    color: #2a87ef;
}
.act-tip-link{ position:absolute; left:50%; top:0; margin-left:240px; font-size:14px; line-height:2; color:#666;}
.yy-tip{ margin:-20px 0 40px; font-size:14px; color:#999;}
.inp{ position:relative; margin-bottom:22px;}
.inp-name{ margin-right:10px; display:inline-block; vertical-align:top; width:366px; height:40px; line-height:40px; text-align:right; color:#575757;}
.inp-name em{ margin-left:6px; color:#2a87ef;}
.inpbox{ position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;line-height:1}
.btn-sendcode{ display:inline-block; width:114px; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; background-color:#7dbafe; vertical-align:middle;}
.btn-sendcode:hover{ text-decoration:none; background-color:#2a87ef;}
.btn-sendcode.off,.btn-sendcode.off:hover{ color:#fff; background-color:#d3d6da; cursor:default;}
.protocol{ padding:5px 0 24px 380px; font-size:14px;}
.protocol input{ vertical-align:middle; margin-right:10px;}
.registebtn{ text-align:center;}
.btn-registe,.btn-modify{ display:inline-block; width:350px; height:70px; line-height:70px; font-size:24px; color:#fff; text-align:center; background-color:#2a87ef; border-radius:6px;}
.btn-registe:hover,.btn-modify:hover{ text-decoration:none; background-color:#177ced;}
.btn-modify{ width:130px; height:40px; line-height:40px; font-size:18px; border-radius:3px;}
.registe-tip,.registe-p{ margin-top:30px; padding-bottom:60px; font-size:16px; text-align:center; color:#afafaf;}
.registe-p{ color:#333;}
.registe-tip em,.registe-ph em,.registe-p em{ margin:0 4px; color:#2a87ef;}
.registe-ph{ margin-bottom:60px; padding-top:80px; font-size:36px; text-align:center; color:#575757;}
.yy-select{ padding:0 0 20px 380px;}
.yylbl{ margin-right:40px;}
.yylbl input{ margin-right:6px;}

.organizing-data{ padding:30px 44px 100px; font-size:16px; background-color:#fff; *zoom:1;}
.organizing-data .registe-inp{ margin-top:40px;}
.registe-inp .dropbox-sml{ width:62px; _width:66px;}
.uploadpic{ *margin-right:6px; vertical-align:bottom; display:inline-block; *display:inline; *zoom:1; border:1px solid #dcdcdc; overflow:hidden;}
.uploadpic,.uploadpic img{ width:216px; height:180px;}
.uploadpic p{ padding-top:34px; font-size:15px; line-height:28px; text-align:center; color:#b4b3b3;}
.btn-upload{ position:relative; display:inline-block; vertical-align:bottom; width:92px; height:36px; line-height:36px; font-size:14px; text-align:center; color:#fff; background-color:#7dbafe; border-radius:2px; overflow:hidden;}
.btn-upload:hover{ text-decoration:none; background-color:#2a87ef;}
.btn-upload input{ position:absolute; right:0; top:0; width:100%; height:36px; font-size:32px; line-height:36px; filter:alpha(opacity=0); opacity:0; cursor:pointer; *vertical-align:-10px;}
.inp-tip{ margin-bottom:40px; padding-left:380px; font-size:14px; color:#f25466;}
.organizing-data-result{ padding:70px 220px; text-align:center; color:#666;}
.organizing-data-result p{ margin-bottom:20px; text-align:left;}
.organizing-data-result p a{ margin-left:20px; text-decoration:underline;}
.i-checking,.i-verified,.i-rejected{ display:block; margin:40px auto; text-indent:-300%; background:url(../images/spr_approve.png) no-repeat; overflow:hidden;}
.i-checking{ width:250px; height:100px; background-position:0 -275px;}
.i-verified{ width:250px; height:175px; background-position:0 0;}
.i-rejected{ width:275px; height:100px; background-position:0 -175px;}

.modify-inp .registebtn{ padding-left:380px; text-align:left;}
.registe-ok,.ok{ margin-left:10px; color:#07bd9d;}
.registe-err{ margin-left:10px; color:#f25466;}

/*jk*/
.jk{ padding:40px 0;}
.jk-h{ margin-bottom:10px;}
.jk-h li{ float:left; padding:0 20px; height:32px; line-height:32px; font-size:16px; border-left:1px solid #b5b6b8;}
.jk-h li.li-first{ border-left:none;}
.jkbox{ position:relative; padding:30px; background-color:#fff; *zoom:1;}
.jkbox td a{ padding:0 3px;}
.jk-handler,.dk-handler{ position:relative; margin-bottom:20px; z-index:10; *zoom:1;}
.dk-handler{ padding-right:80px;}
.dk-handler .btn-query{ position:absolute; right:0; top:0;}
.jk-handler-unit{ margin-bottom:16px;}
.jk-radio{ margin-bottom:20px;}
.jk-radiobox{ margin-right:40px;}
.jk-radiobox input{ margin-right:6px; vertical-align:-2px;}
.jkpop{ position:absolute; left:0; top:0; width:1200px; height:50px; line-height:50px; background-color:#fffcc9; background-color:rgba(255,249,156,.5); _background-color:#fffcc9;}
.jkpop p{ padding-left:20px; color:#968f68;}
.jkpop-link{ position:absolute; right:116px; top:0; text-decoration:underline;}
.btn-jkclose{ position:absolute; right:10px; top:50%; margin-top:-12px; width:25px; height:25px; background-position:-150px -450px; text-indent:-300%; transition:transform linear .3s;}
.btn-jkclose:hover{ transform:rotate(90deg);}

.btn-query{ display:inline-block; vertical-align:middle; margin-left:10px; padding:0 22px; height:36px; line-height:36px; color:#fff; background-color:#7dbafe; border-radius:3px;}
.btn-query-big{ height:88px; line-height:88px;}
.btn-query:hover{ text-decoration:none; background-color:#2a87ef;}
.btn-disabled,.btn-disabled:hover {background-color:#ccc !important;}
.jk-frame-tip{ font-size:13px; text-align:right; color:#666;}
.jk-framebox{ margin-top:6px; height:300px;}
.jk-summary{ padding:24px 30px;}
.jk-summary li{ float:left; width:49.5%; font-size:16px; text-align:center; color:#666; border-left:1px solid #e6e6e6;}
.jk-summary li.li-first{ border-left:none;}
.jk-summary em{ margin:0 10px; font-size:60px; color:#489dfd;}
.jk-summary-single li{ float:none; width:100%; border:none;}
.jk-summary-tip{ font-size:14px;}
.jk-summary-tip a{ margin:0 10px; text-decoration:underline;}
.component-wrapper {display:inline-block; *display:inline; *zoom:1;}
.merge-toggle-wrapper label {width:120px; margin-left:10px;}
.merge-toggle-wrapper label input {vertical-align:middle;}

.query-handler { position:relative; margin-bottom:30px; z-index:10; *zoom:1;}
.query-handler .base-type label {margin-right:16px; font-size:14px;}
.query-handler .tabbtn {padding-left:0;}
.component-chart, .component-table{position:relative;}
.empty-chart,.empty-chart-wide {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff url(../images/chart-empty.png) no-repeat center center;}
.empty-chart-wide {background-image:url(../images/chart-empty-wide.png);}
.component-table .empty-tip {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border:1px solid #eee; font-size:16px; text-align:center; line-height:100px; color:#999;}
.component-chart .chart-explain {margin:-3px 0 0 33px;}
.component-chart .chart-explain em {color:#2a87ef;}

/*firsttime*/
.wboxwrap{ padding:40px 0 0;}
.wbox{ margin-bottom:16px; padding:30px; height:auto!important; height:500px; min-height:500px; background-color:#fff; *zoom:1;}
.wbox-unexpired{background-color:#ddd}
.wbox .result-message {margin:100px 0 180px 0; text-align:center;}
.wbox .result-message h3 {margin:20px 0; font-size:32px; font-weight:normal; line-height: 1.2em;}
.wbox .result-message p {padding:6px 0; font-size:16px;}
.wbox .result-sub-message {padding:30px 0 20px 0; border-top:1px solid #e6e6e6; text-align:center;}
.welcome{padding:30px 60px;color: #666}
.welcome .i-success {display: inline-block;vertical-align: middle;margin: 0 10px 0 0;}
.welcome h3{margin:0;font-size:18px;font-weight:normal;color:#333;}
.welcome .btn,.rs-gift-p .btn{height:45px;line-height:45px;padding:0;vertical-align:bottom;width: 180px;}
.welcome dl{margin-top:30px}
.welcome dl dt{margin-bottom:10px;font-size:18px;color: #333}
.welcome dl dd{margin-bottom:10px}
.welcome p{line-height:1.5}

.rs-gift-p {margin-top: 60px;padding-left:60px;color: #666; margin-bottom: 40px;}

.firstlogin{ padding-bottom:80px;}
.firstlogin-tit{ padding:40px 0; text-align:center;}
.firstlogin-tit h3{ font-size:28px; color:#666;}
.firstlogin-tit h3 strong{ margin:0 6px; color:#489dfd;}
.firstlogin-tit h3 a{ margin-left:10px; font-size:14px; text-decoration:underline;}
.firstlogin-tit p{ font-size:16px; color:#999;}
.firstlogin-info{ margin:0 auto; height:auto!important; min-height:300px; height:300px; width:760px; font-size:16px; line-height:28px; color:#666; background-color:#f5f5f5; border:5px solid #f5f5f5; overflow:hidden;}
.firstlogin-info-l,.firstlogin-info-r{ float:left; padding:34px; width:312px;}
.firstlogin-info-l{ margin-bottom:-9999px; padding-bottom:9999px; background-color:#fff;}
.firstlogin-info-l h4{ margin-bottom:10px;}
.firstlogin-info-l p{ text-indent:2em;}
.firstlogin-info-l strong{ display:block; margin-top:30px; font-size:14px; color:#333;}
.firstlogin-info-l .btn-normal{ margin-top:30px;}
.firstlogin-info-r dt{ margin-bottom:10px; font-weight:bold; color:#333;}
.firstlogin-info-r dd{ word-break:break-all}

/*errlink*/
.errlink{ padding:80px 0 100px; font-size:16px; text-align:center; color:#666;}
.i-errlink{ display:block; margin:0 auto 30px; width:110px; height:110px; background:url(../images/errlink.png) no-repeat;}
.errlink p{ margin-bottom:12px;}
.errlink p em{ margin:0 8px; color:#489dfd;}
.errlink .btn-normal{ margin-top:30px;}

/*404 & waiting*/
.pictext{ padding:92px 0 240px; text-align:center;}
.pictext p{ font-size:24px;}
.pictext h3{ font-weight:bold; font-size:36px;}

/*mailto*/
.mailto,.datetipbox,.recharge-success{ padding:100px 60px 60px; font-size:16px; line-height:2; text-align:center; color:#666;}
.datetipbox-unexpired{padding-top:260px;}
.mailto p strong{ margin:0 8px; color:#333;}
.mailto .btn-registe,.datetipbox .btn-registe{ margin-top:80px;}
.no-mailto{ margin-top:80px; padding:60px 0 0 260px; text-align:left; border-top:1px solid #e6e6e6;}
.no-mailto dt{ margin-bottom:10px; color:#333;}
.no-mailto dd{ font-size:14px;}
.no-mailto .btn-normal{ margin:20px 0 0 90px;}
.datetipbox h3{ font-weight:bold; font-size:24px; line-height:1.4; color:#666;}
.datetipbox h3 em{ margin:0 8px; font-weight:normal; font-size:66px; color:#2a87ef;}
.datetipbox p{ font-size:18px; color:#999;}
.datetipbox p.book-tip {padding-top:10px; font-weight:normal;}
#count-down {color:#2a87ef;}

.recharge-success p strong{ font-weight:normal; font-size:50px; color:#2a87ef;}
.recharge-success p em{ color:#2a87ef;}
.recharge-success .btn-registe{ margin-top:60px;}

/*protocol*/
.protocoltxt{ padding-top:30px;}
.protocoltxt h3{ margin-bottom:60px; font-size:28px; text-align:center;}
.protocoltxt p{ margin-bottom:20px; font-size:16px; line-height:1.6; text-indent:2em;}

/*zhanqi*/
.jk-subbox{ position:relative; padding:40px 0 0 200px; overflow:hidden;}
.jk-subnav,.jk-submain{ height:auto!important; min-height:580px; height:580px;}
.jk-subnav{ position:absolute; left:0; top:82px; margin-bottom:-100000px; padding-bottom:100000px; width:188px; background-color:#fff;}
.jk-submain{ width:1000px;}
.jksubnav a{ display:block; padding-left:22px; height:50px; line-height:50px; font-size:18px; color:#666; border-bottom:1px solid #ecedf0; transition:all 0.2s linear;}
.jksubnav a:hover{ color:#333; text-decoration:none; background-color:#f0f2f9;}
.jksubnav .on a{color:#000; background-color:#d0d5e0; border-bottom:none;}
.tbdropbox{ height:42px;}
.tbdropbox .dropbox{ display:block; margin-right:0; height:42px; font-size:16px; border:none;}
.tbdropbox .droptext{ line-height:42px;}
.tbdropbox .btn-dropbox{ height:42px;}
.tbdropbox .btn-dropbox .i-sj{ top:19px;}
.tbdropbox .dropbox-list{ top:42px;}
.table-selector {line-height:42px;}

.tab-tb{ height:40px;}
.tab-tb a{ float:left; width:130px; height:40px; line-height:40px; font-size:18px; text-align:center; color:#666; background-color:#e0e2e7; border-bottom:1px solid #d2d4da;}
.tab-tb a:hover{ text-decoration:none;}
.tab-tb a.on{ background-color:#fff; border-color:#fff;}

.dloadbtns{ margin-bottom:12px; padding-left:1px; height:38px;}
.dloadbtns a{ float:left; margin-left:-1px; padding:6px 12px 6px 6px; height:25px; line-height:25px; font-size:13px; text-align:center; color:#666; border:1px solid #eaeaea;}
.i-dload{ display:inline-block; vertical-align:middle; width:25px; height:25px; background-position:-150px -400px; cursor:pointer;}

.deploybtn{ position:relative; margin-bottom:10px; height:auto!important; min-height:40px; height:40px; z-index:3;}
.deploybtn .btn-normal{ position:absolute; right:0; top:0; padding:0; width:136px; height:40px; line-height:40px; text-align:center;}
.md5{ margin:0 auto; width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bslvlbox{ font-size:12px;}
.bslvl{ display:inline-block; vertical-align:-6px; *vertical-align:auto; width:70px; height:20px; text-align:left; color:#666; background-color:#f9f9f9; border:1px solid #d4d3d3; border-radius:2px; overflow:hidden;}
.bslvl i{ display:block; height:20px; background-color:#6cdeff;}

.dk-tbtip{ margin-bottom:10px; color:#666;}

.pop-arange{ padding-bottom:20px;}
.pop-arange-inp{ margin-bottom:20px;}
.pop-arange-inp .inptxt{ width:94%;}
.pop-arange-inp-short .inptxt{ width:80%;}
.pop-arange-lbl{ *margin-right:4px; display:inline-block; vertical-align:middle; width:13%;}

/*login*/
.login{ position:fixed; _position:absolute; left:50%; top:50%; margin:-212px 0 0 -176px; padding:0 30px; width:282px; height:424px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.4); border:1px solid #dcdcdc; z-index:1001;}
.login h1{ padding-top:20px; font:30px/2 "microsoft yahei"; text-align:center;}
.pop-loginclose{ position:absolute; right:5px; top:5px; width:25px; height:25px; background-position:-225px -200px; text-indent:-200%; transition:transform 0.3s linear;}
.pop-loginclose:hover{ transform:rotate(90deg);}

/*tips*/
.tips_grey{margin-bottom:.5em; font-size:14px; color:#ccc;}
p.tips_grey2,.tips_grey2{font-weight:normal; color:#999;}
.tips_block{display:inline-block; padding:8px 20px; background:#7266ba; font-size:14px; line-height:1.5em; color:#fff; border-radius:2px; box-shadow:0 5px 5px rgba(0,0,0,.12);}
.tips_block time,.tips_block p{white-space:nowrap;}
.tips_block .data{font-size:20px;}
.tips_block .emph{color:#d4d1ea;}

/*recharge*/
.recharge{ padding:30px 90px;}
.recharge-sum{ font-size:18px;}
.recharge-sum .err{ margin-left:20px; font-size:14px;}
.recharge-tip{ margin:24px 0; padding:24px 34px; color:#999; background-color:#f9f9f9;}
.bankbox{ display:inline-block; vertical-align:middle; margin:0 6px 12px 0;}
.paytype h3{ font-size:18px;}
.bankselected{ display:block; margin-bottom:24px; padding:24px 0; border-bottom:1px solid #e5e5e5;}
.bankbox label{ display:inline-block; vertical-align:middle; margin-left:6px;}
.i-bank{ display:block; width:154px; height:38px; background:url(../images/bank.jpg) no-repeat; border:1px solid #e5e5e5; overflow:hidden;}
.i-bank-zfb{ background-position:0 0;}
.i-bank-gs{ background-position:0 -40px;}
.i-bank-js{ background-position:0 -80px;}
.i-bank-zs{ background-position:0 -120px;}
.i-bank-ny{ background-position:0 -160px;}
.i-bank-jt{ background-position:0 -200px;}
.i-bank-gf{ background-position:0 -240px;}
.i-bank-zgyh{ background-position:0 -280px;}
.bankbox input[type="radio"]:checked + label .i-bank{ border-color:#7dbafe;}
.paybtn{ margin-top:30px;}
.paybtn .btn-normal{ padding:4px 54px;}
.pop-paytxttop,.pop-paytxtbot,.pop-paytxt{ padding:40px 0; font-size:18px; text-align:center;}
.pop-paytxttop{ border-bottom:1px solid #e5e5e5;}
.i-payok,.i-payfail,.i-paywait{ margin-right:10px; display:inline-block; vertical-align:middle; width:50px; height:50px;}
.i-payok{ background-position:0 -475px;}
.i-payfail{ background-position:-50px -475px;}
.i-paywait{ background-position:0 -525px;}

/*pop*/
.pop-box,.pop-box-ab {position:fixed; _position:absolute; left:50%; top:50%; color:#7f7f7f; background-color:#fff; z-index:1001; -webkit-animation:transY .2s linear both; animation:transY .2s linear both;}
.pop-box-ab {position:absolute; -webkit-animation:none; animation:none; word-break:break-all; word-wrap:break-word;}
.popbg{ position:fixed; _position:absolute; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:.3; filter:alpha(opacity=30); z-index:1000;}
.pop-msg,.pop-imgshow,.pop-submitdata{ position:fixed; _position:absolute; left:50%; top:50%; color:#7f7f7f; background-color:#fff; z-index:1001;}
.pop-msg{ margin:-120px 0 0 -200px; padding:50px 30px; width:360px; font-size:16px; text-align:center; border-radius:16px;}
.pop-msg-warn,.pop-msg-success{ margin-bottom:20px; font-weight:bold; font-size:20px;}
.pop-msg-warn{ color:#ec4e3f;}
.pop-msg-success{ color:#17bc17;}
.popbtn{ margin-top:30px;}
.btn-pop-msg{ display:inline-block; width:164px; height:58px; font:bold 20px/58px "microsoft yahei"; text-align:center; color:#fff; background-position:0 -550px;}
.pop-imgshow,.pop-submitdata,.pop-paybox,.pop-feedbackbox{ padding:36px; width:554px;}
.imgshowbox img{ display:block; width:100%;}
.btn-popclose{ position:absolute; right:0; top:0; width:48px; height:48px; background-position:0 -400px; text-indent:-200%;}
.pop-submitdata-logo{ padding:36px 0; border-bottom:1px solid #e6e6e6;}
.i-poplogo{ display:block; margin:0 auto; width:204px; height:82px; background:url(../images/poplogo.png) no-repeat;}
.pop-submitdata-txt{ padding:30px 0 60px; font-size:16px; line-height:2; color:#666; text-align:center;}
.pop-submitdata-txt strong{ font-size:20px; color:#2a87ef;}
.pop-submitdata-txt a{ text-decoration:underline;}
.pop-set{ font-size:16px; color:#333;}
.btn-pop-close{ position:absolute; right:15px; top:15px; width:25px; height:25px; text-indent:-300%; background-position:-350px -200px; transition:transform .3s linear;}
.btn-pop-close:hover{ transform:rotate(90deg);}
.pop-title{ height:54px; background-color:#394266;}
.pop-title h3{ padding-left:26px; font-size:18px; line-height:54px; color:#fff;}
.pop-main{ padding:40px;}
.popbtnbox span{ font-size:14px;}
.btn-pop{ display:inline-block; width:138px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; background-color:#7dbafe; border-radius:2px;}
.btn-pop:hover{ text-decoration:none; background-color:#489dfd;}
.pop-setbox{ padding:30px 0 60px 130px;}
.pop-set-inp{ margin:10px 0 10px; font-size:14px;}
.pop-set-inp .inptxt{ margin:0 10px; width:170px;}
.pop-setbox .popbtnbox{ padding: 30px 0 0 66px;}
.pop-setbox .error-tip {margin-left:66px;}
.pop-defendbox{ padding:0 24px 18px;}
.pop-defend-inp,.pop-newrefresh-inp{ margin:10px 0;}
.pop-defend-inp .txtarea{ width:490px; height:178px; font-size:14px;}
.pop-newrefresh-radio{padding:0 24px; margin-bottom:10px;}
.pop-newrefresh-inp .txtarea{ width:490px; height:140px; font-size:14px;}
.pop-newrefresh-tip{ padding:4px 0 20px; height:22px;}
.pop-newrefresh-tip-left{ float:left;}
.pop-newrefresh-tip-right{ float:right; font-size:14px; color:#666;}
.pop-defendbox .popbtnbox{ padding-left:186px;}
.pop-defendbox .error-tip { margin:0;}
.pop-pz-inp{ margin:20px 0;}
.pop-pz-inp .txtarea{ height:100px;}
.pop-defendbox .popbtnbox{ padding-left:186px;}
.pop-whitelistbox{ line-height:32px;}
.pop-whitelist{ margin:18px 40px; padding:8px 16px; word-break:break-all; word-wrap:break-word; background-color:#f3f8fc;}
.popbtnbox .result-tip {display:inline-block; *display:inline; *zoom:1;}

.bubble,.pop-text{font-size:14px; text-align:center; color:#333; box-shadow:0 3px 20px rgba(0,0,0,.3);}
.bubble{ padding:12px; background-color:#fffbb6; border-radius:3px;}
.bubble i{ position:absolute; left:50%; bottom:-16px; margin-left:-5px; height:0; line-height:0; border-width:8px; border-color:#fffbb6 transparent transparent; border-style:solid dashed dashed; overflow:hidden;}
@-webkit-keyframes transY{
    0%{ -webkit-transform:translateY(-10px); opacity:0;}
    to{ -webkit-transform:translateY(0); opacity:1;}
}
@keyframes transY{
    0%{ transform:translateY(-10px); opacity:0;}
    to{ transform:translateY(0); opacity:1;}
}
.pop-text{ padding:40px 36px 36px; background-color:#fff; border:1px solid #ddd;}
.pop-text .btn-pop-close{ right:8px; top:8px; background-position:-150px -425px;}
.pop-text-btn{ margin-top:24px;}
.pop-text-btn .btn-normal{ padding:0 40px; height:40px; line-height:40px;}
.text-ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.text-break {padding:6px 10px; word-break:break-all; word-wrap:break-word; line-height:1.4em;}

.table-stealinglink .text-ellipsis {width:160px; padding:0 15px;}
.table-deploytask .text-ellipsis {width:260px; padding:0 10px;}
.table-deploytask .item-domain {text-align:left;}
.table-stealinglink-download td {padding: 0 10px;}
.table-stealinglink-download .text-break {display:inline-block; *display:inline; *zoom:1;}
.table-stealinglink-download .item-signkey {width:150px;}
.table-stealinglink-download .item-basekey {width:260px;}

.pop-fileselectbox{ padding-bottom:20px; height:auto!important; min-height:160px; height:160px;}
.pop-fileselectbox .pop-arange-inp{ margin-bottom:16px;}
.pop-arange-inp-text{ position:relative; height:auto!important; min-height:30px; height:30px; color:#666;}
.pop-arange-inp-text p{ margin-bottom:6px; font-size:14px; line-height:30px;}
.pop-arange-inp-text p a{ margin:0 6px; text-decoration:underline;}
.btn-uploadfile{ display:inline-block; *display:inline; *zoom:1; height:30px; line-height:30px; font-size:12px; color:#6a7ba5; background-color:#e5f0fb;}
.btn-uploadfile:hover{ text-decoration:none; background-color:#dbe8f6;}
.pop-uploadwidget p{ font-size:14px; color:#666;}
.pop-uploadwidget-box{ margin-bottom:30px; text-align:center;}
.pop-uploadwidget-u1,.pop-uploadwidget-u2{ position:relative; display:inline-block; *display:inline; *zoom:1; margin:0 10px; width:190px; height:190px; border:1px solid #65c67e;}
.pop-uploadwidget-u2{ border-color:#71aaea;}
.pop-uploadwidget-u2 .btn-widget{ background-color:#71aaea;}
.pop-uploadwidget-u2 .btn-widget:hover{ background-color:#3f89db;}
.btn-widget{ position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; color:#fff; text-align:center; background-color:#65c67e;}
.btn-widget:hover{ text-decoration:none; background-color:#35a452;}
.i-addfile-widget,.i-uploadfile-widget{ display:block; margin:32px auto 0; width:90px; height:90px;}
.i-addfile-widget{ background-position:-200px -400px;}
.i-uploadfile-widget{ background-position:-300px -400px;}

.pop-ibltext{ display:inline-block; width:220px; min-width:220px; text-align:left;}
.pop-paytip{ margin-top:10px; padding-left:16px; font-size:14px; color:#f25466;}
.pop-feedbackbox{ padding-top:80px; padding-bottom:80px;}
.pop-feedbackbox .popbtn{ text-align:center;}
.pop-feedbackbox .btn-normal{ padding:2px 50px;}
.pop-feedbackbox .txtarea{ margin:0 auto; display:block; width:500px;}

.upload-process {display:inline-block; width:350px; height:28px; margin-left:11px;  background:#eee; vertical-align:middle;}
.upload-process span {display:inline-block; height:28px; background:#8CD68C;}
.upload-result-tip {display:inline-block; margin-left:11px; font-size:12px; vertical-align:middle; line-height:28px;}

.sidebar {position: fixed; box-sizing: content-box; top: 50%; margin-top: 22px; right: 0px;z-index: 999999999;}
.sidebar li {width:52px;height:52px;background:url(../images/sidebar-btn.png); border-radius: 4px; margin-bottom: 3px;cursor: pointer;}
.sidebar .phone {background-position: -44px -45px;}
.sidebar .phone .phone-pop {display: none;position: absolute; top: -12px; left: -262px; border: 1px solid #dedede;border-radius: 4px;background-color:#fff ; width: 244px; height: 67px; font-size: 14px;padding-left: 8px;  text-align: left; background-size: 100% 100%;}
.sidebar .phone:hover .phone-pop {display:block;}
.sidebar .udesk { background-position: -158px -45px;}
.sidebar .totop { background-position: -272px -45px; display:none;}
.phone-pop-arrow {background: url(../images/m_spr.png) no-repeat -60px -69px;  display: block;  position: absolute;  top: 41%;  right: -11px;  width: 11px;  height: 16px;}

.apply_success p {padding-top:20px; line-height:2em;}
.xyplan .inpbox .radio-inline {margin-left:8px;}
.xyplan .inpbox .radio-inline:first-child {margin-left:0;}
.xyplan .radio {line-height: 40px;}

.wbox .email-activity-result {text-align:left; margin-left:250px;}



/*price v2*/
.v2-price-banner,.v2-price{ width:100%; min-width:1200px; font-family:"Helvetica Neue",Helvetica,Arial,"\5FAE\8F6F\96C5\9ED1","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.v2-price-banner{ position:relative; height:273px; overflow:hidden;}
.v2-price-ban-list{ height:273px;}
.v2-price-ban-list li{ width:100%; min-width:1200px; height:100%;}

.v2-price{ padding:30px 0 100px; background-color:#f2f2f2;}
.v2-price-tabbox{ position:relative; margin-bottom:40px; height:52px; border-bottom:1px solid #c8c9cb;}
.v2-price-tab{ height:52px;}
.v2-price-tab li{ float:left;}
.v2-price-tab a{ display:block; padding:0 30px; height:50px; line-height:50px; font-size:20px; color:#333;}
.v2-price-tab .on a{ border-left:1px solid #c8c9cb; border-right:1px solid #c8c9cb; border-top:2px solid #0745a8; border-bottom:1px solid #f2f2f2;}
.v2-price-tab .on a:hover{ text-decoration:none;}
.v2-price-tbbox{ padding:20px 0;}
.v2-price-tbbox h3{ height:60px; line-height:60px; font-size:20px; text-align:center; color:#fff; background-color:#0745a8;}
.v2-price-tb{ font-size:16px; }
.v2-price-tb th,.v2-price-tb td{ height:58px; text-align:center; background-color:#fff; border:1px solid #f2f2f2;}
.v2-price-tb th{ font-weight:normal;}
.v2-price-tb tfoot td{ height:30px; font-size:12px; color:#888; text-align:right; background-color:transparent; border:none;}
.v2-price-tb-ect{ padding:30px 0 0; font-size:14px; line-height:1.8; color:#666;}
.v2-price-tb-dl{ margin-top:10px;}
.v2-price-tb-dl dt strong{ color:#333;}
.bgcol-darkblue{ background-color:#0b3d8b!important;}
.v2-price-unit h2{ padding:20px 0; font-weight:bold; font-size:20px; text-align:center;}

.codeimg{width:117px;cursor:pointer}
.forgot-form {margin-top:40px}
.forgot-form>.inp{margin-bottom:40px}

.fp-steps-ul{margin-bottom:40px}
.fp-steps-ul li{ position:relative; float:left; width:240px; height:60px; line-height:60px; text-align:center; color:#666; border-bottom:2px solid #c2c2c2;}
.fp-steps-ul li.cur{ color:#107ae8; border-bottom-color:#107ae8;}
.fp-steps-ul li.fp-first{ padding-left:120px;}
.fp-steps-ul li.fp-last{ padding-right:120px;}
.fp-steps-ul li.fp-first .i-dot{ margin-left:48px;}
.fp-steps-ul li.fp-last .i-dot{ margin-left:-72px;}
.i-dot{ position:absolute; left:50%; bottom:-14px; margin-left:-12px; width:25px; height:25px; background-position:-25px -25px;}
.cur .i-dot{ background-position:-25px 0;}
/*
.fp-steps-ul{font-size:0;margin-bottom:40px}
.fp-steps-ul li{font-size:14px;position:relative; display:inline-block; width:25%; height:60px; line-height:60px; text-align:center; color:#666; border-bottom:2px solid #c2c2c2}
.fp-steps-ul li.cur{ color:#107ae8; border-bottom-color:#107ae8;}
.fp-steps-ul li.fp-first {padding-left: 120px;}
.i-dot{ position:absolute; left:50%; bottom:-14px; margin-left:-12px; width:25px; height:25px; background-position:-25px -25px;}
.cur .i-dot{ background-position:-25px 0;}*/
.fp-finished{ text-align:center; color:#666;}

.i-success {
    display: block;
    margin: 0 auto 20px;
    width: 75px;
    height: 75px;
    background-position: -100px 0;
}
.inp-toptext{
    color:#575757;
    margin-bottom:40px;
    padding-left:305px
}

.msg-box>.message{margin:40px 0}
.msg-box>.buttons>.btn{width:180px;height:45px;line-height:45px}
.msg-box>.buttons>.btn+.btn{margin-left:20px}

.i-gift {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    width: 25px;
    height: 25px;
    background-position: 0 -75px;
}

.i-gift-red {
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    width: 25px;
    height: 25px;
    background-position: -75px -75px;
}

.ctr {
    text-align: center;
}
.registebox .ctr {
    margin-top: 50px;
    padding-left: 100px;
    color: #666;
    font-size: 14px;
}

.drop-box{cursor:pointer;position:relative;display:inline-block;margin:0;padding:0;width:auto;height:auto;border:0;background:none}
.drop-box>i{display:block;width:316px;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.drop-box>.form-group{padding-right:48px}
.drop-box>.default{color:#999;font-size:14px}
.drop-box>.arrow{position:absolute; right:1px; top:1px; width:44px; height:44px; background:url(../images/drop_down.png) no-repeat center center}
.drop-box ul{display:none;z-index:100;position:absolute; left:0px; top:44px; width:100%; background-color:#fff; border:1px solid #dcdcdc;}
.drop-box ul>li{padding:0 10px;border-bottom: 1px solid #dcdcdc}
.drop-box ul>li>a{display:block;color:#090f07;padding-right:38px;-webkit-transition:background-color .5s ease-out; transition:background-color .3s ease-out;height:45px;line-height:45px}
.drop-box ul>li:last-child{border-bottom:0}
.drop-box ul>li:hover{background-color:#f5f3f2;text-decoration:none}
.drop-box ul>li>a:hover{/*background-color:#d1d1d1;*/text-decoration:none}
.drop-box.expend>ul{display:block}
.drop-box.expend>ul>li.selected>a{background:url(../images/select.png) no-repeat right center;}


/*about-us*/
.about-us{ background-color:#f5f5f5;}
.aubox{ padding:30px 0 70px;}
.aunav{ float:left; width:240px; text-align:center;}
.aunav h2{ margin-bottom:20px; font-size:18px; color:#333;}
.aunav-list{ padding-bottom:130px; background-color:#fff;}
.aunav-list li{ border-bottom:1px solid #e6e4e4;}
.aunav-list li:last-child{ border-bottom:none;}
.aunav-list a{ display:block; padding:15px 0; height:24px; line-height:24px; font-size:14px; color:#107ae8;}
.aunav-list .on a,.aunav-list a:hover{ text-decoration:none; background-color:#e6e4e4;}
.aunav-list .on a{ text-decoration:none; background-color:#e6e4e4;}
.i-aun-1,.i-aun-2,.i-aun-3,.i-aun-4,.i-aun-5,.i-aun-6,.i-aun-7{ display:inline-block; vertical-align:middle; margin-right:12px; width:24px; height:24px;}
.i-aun-1{ background-position:-50px 0;}
.i-aun-2{ background-position:-50px -25px;}
.i-aun-3{ background-position:-50px -50px;}
.i-aun-4{ background-position:-50px -75px;}
.i-aun-5{ background-position:-75px 0;}
.i-aun-6{ background-position:-75px -25px;}
.i-aun-7{ background-position:-75px -50px;}
.autxtbox{ float:right; width:950px; background-color:#fff;}
.autxtbox h2,.autxtbox em{ color:#333;}
.autxtbox h2{ margin-bottom:20px; font-size:18px; text-align:center;}
.autxt h3{ font-weight:bold; color:#333;}
.autxt p,.autxt img{ margin-bottom:12px;}
.au-intro,.au-group,.au-develop,.au-contact{ padding:30px 30px 60px; font-size:14px; line-height:2; color:#666;}
.au-develop img{margin-bottom: 12px;}
.au-ceobox{ margin-bottom:36px;}
.au-group-photo{ float:left; margin-right:20px; width:245px; height:310px;}
.au-develop-list{ margin-left:100px; padding:20px 0 0 290px; background:url(../images/history_bg.png) no-repeat left top;}
.au-develop-list li{ position:relative; margin-bottom:20px; padding-left:62px; height:auto!important; min-height:84px; height:84px;}
.au-develop-list li.au-dl-left{ margin-left:-285px;}
.au-develop-list h3{ color:#107ae8;}
.i-au-locate{ position:absolute; left:-12px; top:34px; width:60px; height:20px; background-position:-100px -75px;}
.au-develop-list li{ -webkit-animation:leftIn .5s 1s ease-out both; animation:leftIn .5s 1s ease-out both;}
.au-develop-list li:nth-child(2){ -webkit-animation-delay:1.1s; animation-delay:1.1s;}
.au-develop-list li:nth-child(3){ -webkit-animation-delay:1.2s; animation-delay:1.2s;}
.au-develop-list li:nth-child(4){ -webkit-animation-delay:1.3s; animation-delay:1.3s;}
.au-develop-list li:nth-child(5){ -webkit-animation-delay:1.4s; animation-delay:1.4s;}
.au-develop-list li:nth-child(6){ -webkit-animation-delay:1.5s; animation-delay:1.5s;}
.au-develop-list li:nth-child(7){ -webkit-animation-delay:1.6s; animation-delay:1.6s;}
.au-develop-list li:nth-child(8){ -webkit-animation-delay:1.7s; animation-delay:1.7s;}
.au-develop-list li:nth-child(9){ -webkit-animation-delay:1.8s; animation-delay:1.8s;}
.au-develop-list li:nth-child(10){ -webkit-animation-delay:1.9s; animation-delay:1.9s;}
.au-develop-list li:nth-child(11){ -webkit-animation-delay:2s; animation-delay:2s;}
@-webkit-keyframes leftIn{
    0%{ -webkit-transform:translateX(-50px); opacity:0;}
    100%{ -webkit-transform:translateX(0); opacity:1;}
}
@keyframes leftIn{
    0%{ transform:translateX(-50px); opacity:0;}
    100%{ transform:translateX(0); opacity:1;}
}
.au-contact-map{ width:890px; height:442px;}
.au-contact-txt{ padding:24px 50px; color:#fff; background-color:#0745a8;}
.au-contact-txt h3{ font-size:18px;}
.btn-au-locate{ display:inline-block; vertical-align:middle; margin:10px 4px 10px 0; width:140px; height:45px; line-height:45px; text-align:center; color:#fff; background-color:#107ae8;}
.btn-au-locate:hover{ text-decoration:none;}
.btn-au-locate-on{ color:#0745a8; background-color:#ecf4ff;}
.au-contact-ect{ padding-top:40px;}
.au-contact-ect dl{ float:left; margin:0 5.1%; width:23%;}
.au-contact-ect dt{ font-weight:bold; margin-bottom:10px;}

/*extend*/
.extend{ background-color:#0745a8;}
.extend-txt{ padding:20px 0; height:34px; line-height:34px; color:#fff; text-align:center;}
.extend-txt-tit{ font-size:22px;}
.btn-e-gift{ display:inline-block; vertical-align:top; *vertical-align:middle; margin-left:40px; width:208px; height:34px; font-size:13px; text-align:center; color:#0745a8; background-color:#fff;}
.btn-e-gift:hover{ text-decoration:none; filter:alpha(opacity=90); opacity:.9;}
.i-e-gift{ display:inline-block; vertical-align:middle; margin:-4px 4px 0 0; width:25px; height:25px; background:url(../images/spr_2.png) no-repeat -25px -50px; cursor:pointer;}

/*ft*/
.site,.ft{ line-height:28px; color:#666; background-color:#f2f2f2;}
.site .main,.ft .main{ padding:20px 0; font-size:12px;}
.site .main{ padding:30px 0;}
.site a,.ft a{ color:#666;}
.site-links dl{ float:left; width:18%;}
.site-links .contact-us {width:28%;}
.site-links dt{ margin-bottom:5px; font-weight:bold; font-size:13px; color:#333;}
.site-img img{ margin-right:6px; display:inline-block; vertical-align:text-bottom;}
.ft{ border-top:1px solid #d6d5d5;}
.ft-ect a{ margin:0 5px;}
.ft-ect img{width: 20px;  height: 27px;}

/*brand*/
.brand-ban{ background:url(../images/brand_banner.jpg) no-repeat center top;}
.brand-ban .main{ height:380px;}
.brand-tab{ background-color:#f2f2f2;}
.brand-tab-list{ text-align:center;}
.brand-tab-list li{ position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 90px; width:125px; height:46px; line-height:46px;}
.brand-tab-list a{ display:block; color:#666;}
.brand-tab-list a:hover{ text-decoration:none;}
.i-tabline{ position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color:#4e90f7; display:none;}
.on .i-tabline{ display:block;}
.brand-cont{ padding-bottom:80px; background:url(../images/listbg.jpg) no-repeat center 260px;}
.brand-list{ padding-top:50px; font-size:18px; line-height:2; text-align:center; color:#00101b;}
.brand-list li{ float:left; margin:0 1%; width:31.3%; height:500px; text-align:left;}
.brand-list h3{ margin:5px 0; font-size:26px; text-align:center; color:#004aa5;}
.brand-list p{ padding-bottom:30px;}
.brand-photo,.brand-photo:after{ width:220px; height:220px; background:url(../images/photo_border.png) no-repeat;}
.brand-photo{ position:relative; margin:0 auto;}
.brand-photo:after{ position:absolute; left:0; top:0; content:""; -webkit-transition:-webkit-transform .3s linear,opacity .3s linear; transition:transform .3s linear,opacity .3s linear; -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0;}
.brand-photo:hover{ background:none;}
.brand-photo:hover:after{ position:absolute; left:0; top:0; content:""; background-position:0 -220px; -webkit-transform:scale(1); transform:scale(1); opacity:1;}
.brand-photo img{ position:relative; z-index:2;}
.brand-photo img.brand-photo-sml{ position:absolute; right:-35px; bottom:10px; width:98px; height:46px; background-color:#fff; border:2px solid #eee; border-radius:8px;}
.brand-toggle{ position:relative; margin-top:80px; height:60px;}
.brand-togglebox{ position:relative; height:60px; overflow:hidden;}
/*.brand-togglebox .clearfix{width: 1500px;}*/
.brand-togglebox li{ float:left; position:relative; margin:0 10px; width:110px; height:60px; overflow:hidden;}
.brand-togglebox img{ display:block;}
.btn-prev,.btn-next{ position:absolute; top:0; padding:18px 10px 17px 10px; width:25px; height:25px;}
.btn-prev{ left:0;}
.btn-next{ right:0;}
.i-prev,.i-next{ display:block; margin:0 auto; width:25px; height:25px;}
.i-prev{ background-position:0 -100px;}
.i-next{ background-position:-50px -100px;}
.brandpage .btn-next{background: none;}

.btn-calc{ position:absolute; right:0; top:64px; padding:0 10px; height:30px; line-height:30px; color:#0745a8; border:1px solid #0745a8; border-radius:4px;}
.btn-calc:hover{ color:#fff; text-decoration:none; background-color:#0745a8;}
.pop-calc{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1001;}
.pop-calc:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:""; background-color:#000; filter:alpha(opacity=50); opacity:.5;}
.pop-calcbox{ position:absolute; left:50%; top:50%; margin:-200px 0 0 -300px; width:600px; height:400px; background-color:#fff; border-radius:8px;}
.pop-calcbox h1{ height:100px; line-height:100px; font-size:20px; font-weight:bold; text-align:center; color:#fff; background-color:#0745a8; border-radius:8px 8px 0 0;}
.pop-calc-inpbox{ padding:30px 0 0 60px; font-size:14px;}
.pop-calc-inp{ position:relative;margin-bottom:10px;}
.pop-calc-inp.mb20{ margin-bottom:20px;}
.pop-calc-inp.mb40{ margin-bottom:40px;}
.pop-calc-name{ display:inline-block; vertical-align:middle; width:120px; height:32px; line-height:32px;}
.calc-s{ padding:4px 0; width:240px; font-size:14px; background-color:#f2f2f2; border:1px solid #999; border-radius:4px;}
.calc-itxt{ margin-left:4px; padding:5px; width:90px; height:20px; line-height:20px; border:1px solid #999; border-radius:4px;}
.pop-calc-sum{ display:inline-block; vertical-align:middle; width:240px; height:32px; line-height:32px; text-align:right;}
.calc-high{ margin-right:10px; font-size:28px;}
.calc-cost{ margin-right:10px; font-size:32px; color:#3298ff;}
.popclose{ position:absolute; right:20px; top:20px; width:25px; height:25px; background-position:-100px -100px; text-indent:-500%;}
.pop-calc-err{ position:absolute; top:36px; left:378px; color:#f00;}

.ft-contact-phone {margin-right:10px;}

.pop-activity-rule{ position:fixed; left:50%; top:50%; padding:20px; width:560px; height:360px; margin:-200px 0 0 -300px; background-color:#fff; z-index:1001;}
.activity-rulebox h3{ margin-bottom:40px; padding-bottom:10px; font-size:20px; border-bottom:1px solid #ddd;}
.activity-rulebox .btn{ display:block; margin:40px auto 0; width:120px; height:24px; line-height:24px; font-size:16px;}
.activity-rule-list li{ margin-bottom:6px; padding-left:18px; text-indent:-18px; font-size:15px; color:#666;}
.pop-close{ position:absolute; right:20px; top:20px; width:25px; height:25px; background-position:-125px -100px; text-indent:-500%;}